@charset "UTF-8";
/*======*/


body{background: #ffffff;}
input,button,select,textarea{outline:none} 
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px white inset;
} 

@media all{
html, body {font-size: 16px;}
}

@media (min-height: 220px) and (min-width: 140px){
html, body {font-size: 9px;}
}
@media (min-height: 140px) and (min-width: 220px){
html {font-size: 9px;}
}

@media (min-height: 280px) and (min-width: 210px), (min-height: 210px) and (min-width: 280px), (min-height: 280px) and (min-width: 280px){
html, body {font-size: 14px;}
}
@media (min-height: 460px) and (min-width: 300px), (min-height: 300px) and (min-width: 460px){
html, body {font-size: 16px;}
}

@media (min-height: 620px) and (min-width: 340px), (min-height: 340px) and (min-width: 620px){
html, body {font-size: 20px;}
}



header .h-cont{  height: 5rem; line-height: 5rem; position: fixed; width: 100%; z-index: 99; background: #f19601;}
header .h-l{ color: #ffffff; }
header .h-r{ text-align: center; color: #ffffff; font-size:2rem;  height: 5rem; line-height: 5rem;width: 100%; color: #ffffff; }
/*头部占位*/
.h-ocupie{height: 5rem; width: 100%; overflow: hidden;}
.icon-person{ font-size:3rem; position: fixed; top: 0px; left: 1rem;}


/*底部分类*/
.my_ocupie{ height:7.3rem; width:100%; overflow:hidden;}
.home-nav-down {width: 100%; text-align: center; background: #ffffff; position:fixed; bottom:0px; left:0; z-index:9999; height:4em;  border-top:1px solid #d2d2d2;}
.home-nav-down td { border-left: 1px solid #FFFFFF; width: 24.99999%; }
.home-nav-down td.last{border-width: 0px;}
.home-nav-down td a { display: block; color: #666666; font-size:1em; padding:0.6em 0; text-decoration:none;}
.home-nav-down td .iconfont { padding-bottom:0.05em; font-size:1.8em; height: 1em; line-height: 1em; width: 100%; display: block;}
.home-nav-down td a.current { display: block; color: #f19601;  padding:0.5em 0;}



/*内容*/
.my_deal{ width:100%;  overflow:hidden; background: #ececec;}
.my_deal .lead_pos{width:100%; position: relative;  overflow:hidden;}
.my_deal .lead_pos img{width:100%;  display: block;}
.my_deal .lead_pos .txt{ width: 100%;position: absolute; top: 0px; left: 0px; padding-top: 2rem; }
.my_deal .lead_pos span{ width: 100%; padding:0 1rem; height: 4rem; display: block; line-height: 4rem; font-size: 2.7rem; color: #ffffff; text-align: center;}

.my_deal .addr_o{width:100%;  overflow:hidden; background: #ffffff; margin-top:1rem;}
.my_deal .addr_o .a_l{ width:15%; float: left; overflow:hidden;}
.my_deal .addr_o .a_l i{ width:100%; height: 100%; display: block;font-size: 5rem; color: #999999; line-height:10rem;}
.my_deal .addr_o .a_l a{text-decoration: none;}
.my_deal .addr_o .txt1 .s1{font-size:2.2rem;}
.my_deal .addr_o .txt1 .s2{ padding-left: 0.7rem; }
.my_deal .addr_o .txt2{line-height: 4rem; font-size: 1.7rem; color: #333333; padding-right: 1rem;}
.my_deal .addr_o .a_r{ width:85%; float: left;overflow:hidden;}
.my_deal .addr_o span{ height: 4rem;  line-height: 4rem; font-size: 1.7rem; color: #333333; text-align: center; float: left;}
.my_deal .addr_o .s1{ color: #999999; }
.my_deal .addr_o .s3{ float: right; padding-right: 1rem; }
.my_deal .border_b{ width: 100%; height:0.5rem; background: url(../images/border1.png); background-size:100% 100%; }



.my_deal .status_list{width:100%;  overflow:hidden; margin-top:2rem;}
.my_deal .tip_o{ width:100%; height:6.5rem; background: #ffffff; overflow: hidden; float: left;}
.my_deal .tip{ width:100%; height:5rem;line-height: 5rem;overflow: hidden;  font-size:2.3rem;  color: #333333; padding-left:1rem;  border-bottom: 1px solid #d2d2d2; }
.my_deal .goodscont{  width: 100%;overflow: hidden;  background: #f5f5f5;margin-top:0.5rem; position: relative;}
.my_deal .goodscont .count{ width: 8rem; height:5rem; float: left; }
.my_deal .count span{ height: 2rem;  line-height: 2rem; display: block; font-size: 1.7rem; color: #333333; float: left;}
.my_deal .count .s1{ color: #f32029; width: 100%; display: block;  }
.my_deal .count .s2{ color: #333333;  width: 100%; display: block;}

.my_deal .goods_pic{ margin:1rem 2rem 1rem 2rem; float: left; width:100px; height: 100px; padding-bottom: 1rem; border:1px solid #999999; overflow: hidden;}
.my_deal .goods_pic img{ width: 100%; display: block;}
.my_deal .goods_name{ overflow: hidden; float: left; margin-top: 1rem; }
.my_deal .goods_name .txt1{ height: 2rem; line-height: 2rem; overflow: hidden; font-size:1.7rem;  color: #333333; }
.my_deal .goods_name .txt2{ height: 2rem;line-height: 2rem;overflow: hidden;  font-size:1.7rem;  color: #333333;}
.my_deal .info{ width: 100%; overflow: hidden; float: left;  background: #ffffff; padding:1rem 0;  }
.my_deal .first{ margin-bottom: 1rem; }
.my_deal .middle{ margin-top: 1rem; }
.my_deal .last{ margin-top: 1rem; border-top: 1px solid #bbbbbb; }
.my_deal .info .tip{ height: 4rem;line-height: 4rem;overflow: hidden;  font-size:1.7rem;  color: #cccccc;padding: 0 1rem; float: left; text-align: right;}
.my_deal .info .tip .s1{color: #fa1c33; }
.my_deal .info .txt .s1{ color: #cccccc; padding-left: 1rem;  font-size:1.7rem; height: 3rem;line-height: 3rem;}
.my_deal .info .txt .s2{ color: #2c2c2c;  font-size:1.7rem;height: 3rem;line-height: 3rem; }

/*内容*/
.my_deal .cont{  width:100%; overflow: hidden;  margin: 1.5rem auto 0 auto; padding: 0 1rem; background: #ffffff; }
.my_deal .cont .cont_in{  width:100%;overflow: hidden; height: 5rem; }
.my_deal .cont .left{  width:5rem;overflow: hidden; height: 5rem; background: url(../images/arr.png) 0 0 no-repeat; background-size:100% 100%;  float: left;border-radius: 2.5rem; }
.my_deal .cont .center{  width:15rem;overflow: hidden; height: 5rem; float: left; padding-left:1rem; }
.my_deal .cont .s1,
.my_deal .cont .s2{width: 15rem; height: 2.5rem; line-height: 2.5rem; display: block;overflow: hidden;}
.my_deal .cont .s1{color: #333333; font-size:1.5em; padding-top: 0.5rem;}
.my_deal .cont .s2{color: #9f9f9f;font-size:1.1em; }
.my_deal .cont .right{  width:8rem;overflow: hidden; height: 5rem; line-height: 5rem;  font-size: 2.5rem; color: #f32029; text-align: right; float: right; margin-right: 1rem;}

.my_deal .cont .txt{  width:96%;  margin:1rem  auto 0 auto; overflow: hidden;  line-height:2.5rem;  font-size: 2rem; color: #333333; }
.my_deal .cont .ocupie{ width: 100%; height: 1.5rem;  overflow: hidden;border-top:1px solid #cfcfcf;}
.my_deal .cont  .opra{ text-align: right; }
.my_deal .opra input{ width:10rem; height:4rem;line-height: 4rem; text-align: center; overflow: hidden; float: right;  font-size:1.7rem; margin-right: 0.5rem; border-radius: 0.3rem;  background: none; }
.my_deal .opra .btn1{ color: #333333;border:1px solid #cccccc;}
.my_deal .opra .btn2{ border:0px;  color: #ffffff; background: #f55054; margin-left: 0.5rem;margin-right: 0.5rem;}
.my_deal .opra .btn3{ border:0px;  color: #ffffff; background: #fda108; margin-left: 0.5rem;margin-right: 0.5rem;}
.my_deal .opra .btn4{ color: #fda108;border:1px solid #fda108;margin-right: 0.5rem;}
.my_deal  .statusing{ width:100%; height: 5rem; line-height: 5rem ; color: #999999; text-align: center; font-size: 1.7rem; }




